@charset "utf-8";
.pro_banner{width: 100%;height:200px;background: url(../images/pro_banner.jpg) no-repeat center;font-size: 32px;line-height: 200px;text-align: center;font-weight: bold;}
.pro_title li{float: left;height: 50px;line-height: 48px;padding:0 15px;background: #f2f2f2;border:1px solid #ddd;margin:0 10px;border-radius: 4px;font-size: 18px;color: #6c6d6e;cursor: pointer;}
.pro_title li:hover{background: #05c766;color: #fff;border:1px solid #009349;}
.pro_title li.active{background: #009349;color: #fff;border:1px solid #009349;}
.pro_cont li{width: 405px;height: 400px;background: #f9f9fb;float: left;margin:10px;}
.img_box{display: inline-block;width: 100%;height: 400px;line-height: 400px;text-align: center;}
.pro_cont li a{width: 100%;height: 400px;}
.pro_cont li img{width: 280px;vertical-align: middle;}
.item_title{position: absolute;left:20px;top: 30px;font-size: 18px;color: #6c6d6e;}
.item_addtime{position: absolute;left:30px;bottom:25px;color: #b5b5b5;}
.item_detail{position: absolute;right:30px;bottom:25px;color: #b5b5b5;}
.pro_cont li a:hover{
	box-shadow: -2px 0 31px rgba(0,0,0,.1);
    transition: all 0.2s ease;
    margin-top: -2px;
    background: #fff;
}
.pro_cont li a:hover .item_title{color: #222;font-weight: bold;}
.pro_cont li a:hover .item_detail{color: #009349;}
.main_pro {
    padding-bottom:60px;
}